<script setup lang="ts">
import { ref } from 'vue'
import navbar from '@/components/navbar/navbar.vue'
import goodsWaterfallIndex from '@/components/goods/goodsWaterfallIndex.vue'
import { onPageScroll } from '@dcloudio/uni-app'
import { jump, router, toast } from '@/utils/tools';
import { onShareAppMessage } from '@dcloudio/uni-app';
import { onReachBottom } from '@dcloudio/uni-app';
import updateApp from '@/utils/updateApp';
import { onLoad } from '@dcloudio/uni-app';
import { apiLogin } from '@/apis/login';
import { getToken, login, setToken, wxLogin } from '@/utils/auth';
import cache from '@/utils/cache';
import { onShow } from '@dcloudio/uni-app';
import { apiSlideList } from '@/apis';
import { apiProductPage, typesInfo } from '@/apis/product';
import { computed } from 'vue';
import { reactive } from 'vue';
import { onLaunch } from '@dcloudio/uni-app';
import { onPullDownRefresh } from '@dcloudio/uni-app';
import { useUserStore } from '@/stores/user';
import { activitiesInfo} from '@/apis/user';
import { onReady } from '@dcloudio/uni-app';
const userStore = useUserStore();
const searchParams = ref('');

const pageNum = ref(1);
const pageSize = ref(10);
const pageList = ref([]);
const leftList = ref([]);
const rightLists = ref([]);
const userinfo = reactive({});
const orderField = ref('default');
const orderType = ref('desc');
const types = ref(null);
const tag1 = ref(true);
const tag2 = ref(true);
const tag3 = ref(true);
const isMore = ref(false);
const cityProvinceStr = ref('北京市朝阳区')
const noReadNumTip = ref(0)
let appUser = ref({});
const userSelectList = reactive([
  {
    name:'价格',
    type:'price',
    id:0
  },
  {
    name:'认证',
    type:'approve',
    id:1
  },
  {
    name:'折扣',
    type:'ratePrice',
    id:2
  },
  {
    name:'筛选',
    type:'filters',
    id:3
  },
]);
const userSelectListInd = ref(0)
const columns = reactive([
  [{
    label: '雪月夜',
    // 其他属性值
    id: 2021
    // ...
  }, {
    label: '冷夜雨',
    id: 804
  }]
])

const navbarFixed = ref(false)
const placeholder = ref('请输入您想要搜索的奇石/店铺')
const slideSwiper = ref([]);

// 打开分享
onShareAppMessage((e: any) => {

})


// 触底下拉下一页
onReachBottom((e: any) => {

})

// 监听用户下拉刷新
onPullDownRefresh(() => {

})

onLoad((options:any) => {
  getActivitiesInfo(options.id)
})

onShow(async () => {


})
const content = ref()
const getActivitiesInfo = async(id:any)=>{
  let res = await activitiesInfo({id});
  content.value = res.data.selectionCriteria
}
onReady(() => {

});
</script>

<template>
  <navbar :fixed="navbarFixed" :back="true" title="最美奇石评选标准" />
  <view class="container">
   <view class="rich-text">
    <uv-parse :content="content"></uv-parse>
   </view>
  </view>
</template>

<style lang="scss" scoped>
.container {
  background: url('https://www.stoneplayer.com/background/underlay.jpg') no-repeat;
  background-size: 100% 310px;
  padding: 20rpx;
  width: 100%;
}
.rich-text{
  border-radius: 32rpx;
  background-color: rgba(255,255,255,1);
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
  padding: 30rpx;
}
</style>
